<template>
  <view>
    <u-toast ref="uToast"></u-toast>
    <view class="content u-margin-20 u-padding-20">
      <view class="u-padding-bottom-20">
        <view class="agent_title"> 基本信息 </view>
        <view class="flex u-margin-top-20">
          <view class=""> 商户名称： </view>
          <view class="">
            {{ merchantInfoDo.merSubName }}
          </view>
        </view>
        <view class="flex u-margin-top-10">
          <view class=""> 商户编号： </view>
          <view class="">
            {{ merchantNo }}
          </view>
        </view>
        <view class="flex u-margin-top-10">
          <view class=""> 手机号： </view>
          <view class="">
            {{ merchantInfoDo.mobileNo }}
          </view>
        </view>
        <view class="flex u-margin-top-10">
          <view class=""> 经营地址： </view>
          <view class="">
            {{ merchantInfoDo.provinceZh }}-{{ merchantInfoDo.cityZh }}-{{
              merchantInfoDo.areaZh
            }}
          </view>
        </view>
        <view class="flex u-margin-top-10">
          <view class=""> 详细地址： </view>
          <view class="">
            {{ merchantInfoDo.address }}
          </view>
        </view>
        <view class="flex u-margin-top-10">
          <view class=""> 注册时间： </view>
          <view class="">
            {{ merchantInfoDo.createTime }}
          </view>
        </view>
        <view class="flex u-margin-top-10">
          <view class=""> 绑定终端： </view>
          <view class="">
            {{ merchantInfoDo.sn }}
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    // 声明你需要的属性
    merchantNo: String,
  },
  data() {
    return {
      data: {},
      merchantInfoDo: {},
    };
  },
  mounted() {
    this.queryMerInfo();
  },
  methods: {
    queryMerInfo() {
      const _that = this;
      _that.$zx.order_api
        .queryMerInfo(_that.merchantNo, 'detail')
        .then((data) => {
          console.log('queryMerInfo----->77', data);
          _that.merchantInfoDo = data.merchantInfoDo;
        });
    },
  },
};
</script>

<style lang="scss" scoped>
.title {
  height: 80rpx;
  line-height: 80rpx;
  background-color: #e3eef6;
  color: #9d60ff;
}

.content {
  background-color: white;
  border-radius: 20rpx;
}

.color {
  color: #9d60ff;
}
.agent_title {
  font-weight: bold;
  font-size: 32rpx;
}
</style>
